.col-2 .visuel-liste {
    display: none
  }

  @media screen and (min-width: 768px) {
    .col-2::after {
      clear: both;
      content: "";
      display: block
    }

    .col-2::before {
      clear: both;
      content: "";
      display: block
    }
}

    .col-2>* {
      float: left
    }

    .col-2 .infos-liste {
      width: 42.5%;
      padding-right: 20px
    }

    .col-2 .visuel-liste {
      width: 57.5%;
      text-align: center;
      display: block
    }
  }

  .listes-header {
    margin-bottom: 20px
  }

  .listes-header h1 {
    margin-bottom: 12px;
    max-width: 100%
  }

  @media screen and (min-width: 768px) {
    .listes-header h1 {
      margin-bottom: 20px
    }
  }

  @media screen and (min-width: 768px) {
    .listes-header {
      margin-bottom: 40px
    }
  }

  @media screen and (min-width: 1200px) {
    .listes-header {
      margin-bottom: 50px
    }
  }

  .pictos {
    margin-bottom: 10px
  }

  @media screen and (max-width: 767px) {
    .pictos img {
      width: auto;
      max-height: 38px
    }
  }

  .pictos img {
    margin-right: 5px
  }